<!--
  Generated template for the ZwsearchPage page.

  See http://ionicframework.com/docs/components/#navigation for more info on
  Ionic pages and navigation.
-->
<ion-header>

  <ion-navbar>
    <ion-title>Filter</ion-title>
  </ion-navbar>

</ion-header>


<ion-content padding>
  <ion-item>
    <ion-label >Job Name</ion-label>
    <ion-input type="input" [(ngModel)]="jobname"></ion-input>
  </ion-item>
  <ion-item>
    <ion-label>Job Area</ion-label>
    <ion-select [(ngModel)]="sheng" (ngModelChange)="changearea()">
      <ion-option value="Melaka">Melaka</ion-option>
      <ion-option value="Johor">Johor</ion-option>
      <ion-option value="Kuala Lumpur">Kuala Lumpur</ion-option>
    </ion-select>
  </ion-item>
  <ion-item>
    <ion-label>Job Area</ion-label>
    <ion-select [(ngModel)]="shi">
      <ion-option *ngFor="let item of sareaList" [value]="item">{{item}}</ion-option>
    </ion-select>
  </ion-item>
  <ion-item>
    <ion-label>Work Type</ion-label>
    <ion-select [(ngModel)]="gzlx">
      <ion-option value="Full Time">Full Time</ion-option>
      <ion-option value="Part Time">Part Time</ion-option>
    </ion-select>
  </ion-item>
  <ion-item>
    <ion-label>Salary</ion-label>
    <ion-input type="text" [(ngModel)]="gz"></ion-input>
  </ion-item>
  <button ion-button block (click)="searchzw()">Search</button>
</ion-content>